[FEATURE] Créer le composant des autres moyens de connexion/inscription (PIX-14159) #10275

lego-technix · 2024-10-08T17:15:51Z

🦄 Problème

Nous avons besoin d'un nouveau composant pour pouvoir choisir les autres moyens de connexion/inscription

🤖 Proposition

Faire que l'API renvoie aussi le slug de chaque OIDC Provider
Faire évoluer le service oidcIdentityProviders pour qu’il fournisse les nouveaux getters featuredIdentityProvider et hasOtherIdentityProviders
Ajouter un composant GJS s'appuyant sur le service oidcIdentityProviders pour afficher l’interface utilisateur souhaitée

🌈 Remarques

RAS

💯 Pour tester

On ne peut tester cela qu'en local car il n'y a pas de SSO configuré sur les RA.

Dans le fichier .env de l'api (déjà fait pour la RA), ajouter:

FT_NEW_AUTHENTICATION_DESIGN_ENABLED=true

Aller sur Pix App en version .fr et vérifier que la nouvelle mire de connexion s'affiche correctement (formulaire de connexion uniquement) avec les 2 boutons Continuer avec France Travail et Choisir une autre organisation
Aller sur Pix App en version .org
- vérifier que la nouvelle mire de connexion s'affiche correctement (formulaire de connexion uniquement) avec 1 seul bouton Continuer avec Fédération Wallonie-Bruxelles et pas de bouton Choisir une autre organisation
- Le texte de la page doit changer en fonction de la langue choisie avec le Language Switcher

pix-bot-github · 2024-10-08T17:16:38Z

Une fois les applications déployées, elles seront accessibles via les liens suivants :

Les variables d'environnement seront accessibles via les liens suivants :

mon-pix/app/services/oidc-identity-providers.js

mon-pix/app/components/authentication/other-means.gjs

mon-pix/tests/integration/components/authentication/other-means-test.gjs

mon-pix/app/components/authentication/signin-form.gjs

mon-pix/translations/en.json

bpetetot

Il manque les icônes de boutons FT et FWB sur les boutons featured. Voir ce qui est indiqué pour le bouton FT dans le ticket:

mettre l’icône de France Travail : respecter les exigences graphiques indiquées dans ce lien : https://francetravail.io/produits-partages/documentation/5-savoir-dispositif-france-travail-connect/maquettes-charte

Il manque également l'icône de chevron à droite du bouton.

De plus, après vérification de la maquette, il semble que les boutons (de la maquette) ne respectent aucun style du design system. Il faudrait voir avec Pierre si c'est volontaire ou bien une erreur. Si c'est volontaire, il faut qu'on voit avec lui le style des différents états du bouton (hover, focus...) dans ce nouveau style.

lego-technix · 2024-10-10T18:41:32Z

Il manque les icônes de boutons FT et FWB sur les boutons featured. Voir ce qui est indiqué pour le bouton FT dans le ticket:

Il manque également l'icône de chevron à droite du bouton.

De plus, après vérification de la maquette, il semble que les boutons (de la maquette) ne respectent aucun style du design system. Il faudrait voir avec Pierre si c'est volontaire ou bien une erreur. Si c'est volontaire, il faut qu'on voit avec lui le style des différents états du bouton (hover, focus...) dans ce nouveau style.

Tous ces points ont été traités au mieux.

…iders in oidcIdentityProviders service

…providers

lego-technix self-assigned this Oct 8, 2024

lego-technix added 👀 Tech Review Needed 👀 Func Review Needed team-acces 👀 Design Review Needed labels Oct 8, 2024

lego-technix marked this pull request as ready for review October 8, 2024 17:26

lego-technix requested a review from a team as a code owner October 8, 2024 17:26

lego-technix force-pushed the pix-14159-new-component-authentication-other-means branch 3 times, most recently from fdf80da to bddf0bd Compare October 9, 2024 10:02